.author-box{
    height: 7.10rem;
    border-radius: .12rem;
    .card{
        display: block;
        width: 6.89rem;
        height: 3.94rem;
        background: hsl(0, 0%, 11%);
        border: none;
        margin: 0 auto;
        flex-shrink: 0;
        position: relative;
        .image {
            width: 100%;
            display: block;
            border-radius: .12rem;
        }
        .cardbottom{
            height: 1.51rem;
            width: 6.89rem;
            padding: 0 .2rem;
            position: absolute;
            left: 0;
            bottom: -0.16rem;
            transform: translateY(-0.16rem);
            background: rgba(40, 44, 52, .6);
        }
        .title{
            line-height: .46rem;
            margin-top: .16rem;
            transform: translateX(-.12rem);
            text-align: center;
        }
        .text1{
            text-align: center;
        }
    }
    .card:nth-child(1){
        .title,.text1{
            transform: translateY(.12rem);
        }
    }
    // card2
    .card:nth-child(2){
        transform: translateX(.11rem);
    }

    // card3
    .card:nth-child(3){
        transform: translateX(-.11rem);
    }
    .card:nth-child(2),.card:nth-child(3){
        width: 3.33rem;
        height: 2.89rem;
        .cardbottom{
            height: 1.26rem;
            width: 3.33rem;
        }
        span{display: none;}
    }
    .text1{
        transform: translateY(-.12rem);
    }
}